<template>
  <div class="title">
    <i class="title-circle"></i>
    <span>
        <slot></slot>
    </span>
    <i class="title-circle"></i>
  </div>
</template>

<script>
export default {
  name: "Title",
};
</script>

<style lang="scss" scoped>
.title {
  text-align: center;
  background-color: #fff;
  width: 100%;
  height: 1.3333rem;
  display: flex;
  justify-content: center;
  align-items: center;

  .title-circle{
    display: inline-block;
    width: .1867rem;
    height: .1867rem;
    background-color: rgb(198, 184, 158);
    border-radius: .1867rem;
  }
  span {
    font-size: 0.4267rem;
    padding: 0 .2667rem;
  }
}
</style>